﻿<phone:PhoneApplicationPage x:Class="AuchanScan.Views.TrophyPage"
                            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                            xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
                            xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
                            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                            FontFamily="{StaticResource PhoneFontFamilyNormal}" 
                            FontSize="{StaticResource PhoneFontSizeNormal}"
                            Foreground="{StaticResource PhoneForegroundBrush}" 
                            SupportedOrientations="Portrait" 
                            Orientation="Portrait"
                            mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480" shell:SystemTray.IsVisible="True"
                           shell:SystemTray.Opacity="0"
						    DataContext="{Binding Path=TrophyViewModel,Source={StaticResource ViewModelLocator}}">
    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot">
        <Grid.Background>
            <ImageBrush Stretch="Fill" ImageSource="/images/Page_Background.png" />
        </Grid.Background>
        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Margin="12">
        	<Grid.RowDefinitions>
        		<RowDefinition Height="Auto"/>
				<RowDefinition Height="*"/>     	
			</Grid.RowDefinitions>
            <ListBox x:Name="lstTrophySimulation" ItemsSource="{Binding CurrentSimulatedTrophies}"
               ItemContainerStyle="{StaticResource StretchListBoxItemStyle}" Grid.Row="1" Margin="12,24,12,12">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Grid Margin="0,0,0,12">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Grid Height="63" Width="63" VerticalAlignment="Center" Background="White">
                                <Image Source="{Binding Image}" />
                            </Grid>
                            <TextBlock Text="{Binding Name}" Style="{StaticResource PhoneTextExtraLargeStyle}" Margin="12,0"
                         d:LayoutOverrides="Width, Height" Grid.Column="1" Foreground="White" />
                        </Grid>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
            <ListBox x:Name="lstCurrentTrophies" ItemsSource="{Binding CurrentTrophies}"
               ItemContainerStyle="{StaticResource StretchListBoxItemStyle}" Grid.Row="1" Margin="12,24,12,12">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Grid Margin="0,0,0,12">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Grid Height="63" Width="63" VerticalAlignment="Center" Background="White">
                                <Image Source="{Binding Image}"/>
                            </Grid>
                            <TextBlock Text="{Binding Name}" Style="{StaticResource PhoneTextExtraLargeStyle}" Margin="12,0"
                         d:LayoutOverrides="Width, Height" Grid.Column="1" Foreground="White" />
                        </Grid>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
			<Image Source="../images/Logo.png" HorizontalAlignment="Left" Height="66.5550003051758" MaxHeight="50" Margin="24,12,0,0" />
    
        </Grid>
        <Image Height="64" Source="/images/herbe.png" Stretch="Fill" VerticalAlignment="Bottom" Margin="0,0,0,8" />
        <Rectangle Height="8" VerticalAlignment="Bottom" Fill="{StaticResource AccentBrushTrophes}" />
    </Grid>
</phone:PhoneApplicationPage>